
<template>
  <a-layout id="components-layout-demo-side" style="min-height: 100vh">
    <a-layout-sider v-model="collapsed" collapsible>
      <div class="logo" />
      <a-menu theme="dark" :default-selected-keys="['1']" mode="inline">
             
        <a-menu-item key="1">
                <a-icon type="pie-chart" />人员列表
        </a-menu-item>

         
         
          
            <!-- <a-menu-item key="2">
                <router-link class="wrapper" tag="div" to='/detail'>
                    <a-icon type="desktop" />
                    人员详情
                </router-link>
            </a-menu-item> -->
       </a-menu>
    </a-layout-sider>


    <router-view />


  </a-layout>
</template>
<script>
import {Layout, Slider, Menu } from 'ant-design-vue'
export default {

  data() {
    return {
      collapsed: false,
    };
  },
};
</script>

<style>
.wrapper{
    width: 200px;
    margin-left: -20px;

}
</style>
